<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>青年献礼中国故事 - 首页</title>
    <style>
        /* 首页特定样式 */
        .content-card h2 {
            color: var(--primary-color);
            margin-bottom: 1rem;
        }

        .content-card p {
            text-indent: 2em;
            line-height: 1.8;
        }

        .content-card ul {
            margin-top: 1rem;
        }

        .content-card ul li a {
            display: block;
            padding: 0.5rem;
            transition: all 0.3s ease;
        }

        .content-card ul li a:hover {
            background-color: rgba(139, 0, 0, 0.05);
            transform: translateX(10px);
        }
    </style>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/responsive.css">
</head>
<body>
    <nav class="navbar">
        <ul class="nav-links">
            <li><a href="index.html">首页</a></li>
            <li><a href="pages/history.html">历史故事</a></li>
            <li><a href="pages/literature.html">文学经典</a></li>
            <li><a href="pages/art.html">艺术瑰宝</a></li>
            <li><a href="pages/culture.html">传统文化</a></li>
            <li><a href="pages/exchange.html">文化交流</a></li>
            <li><a href="pages/about.html">关于我们</a></li>
        </ul>
    </nav>

    <main class="main-content">
        <h1 class="page-title">青年献礼中国故事</h1>
        <div class="content-card">
            <h2>创意传承中华文化</h2>
            <p>中华文化源远流长、博大精深，是中华民族独特的精神标识。它以中原文化为基础，历经五千多年演变，融合了黄河文明、长江文明等多种区域文明，呈现出 "多源一体" 的特征。中华文化蕴含着天下为公、民为邦本、天人合一等丰富的思想观念，强调仁、义、礼、智、信等价值观念，注重个体修养与社会和谐。同时，它具有开放包容的特质，在与世界文明的交流互鉴中不断丰富发展，始终保持着强大的生命力。</p>
        </div>
        
        <div class="content-card">
            <h2>网站导航</h2>
            <p>点击导航栏探索更多精彩内容：</p>
            <ul>
                <li><a href="pages/history.html">历史故事 - 探索中国悠久历史</a></li>
                <li><a href="pages/literature.html">文学经典 - 品味文学艺术精髓</a></li>
                <li><a href="pages/art.html">艺术瑰宝 - 欣赏传统艺术之美</a></li>
                <li><a href="pages/culture.html">传统文化 - 了解中华文化精髓</a></li>
                <li><a href="pages/exchange.html">文化交流 - 促进中外文化互鉴</a></li>
            </ul>
        </div>
    </main>

    <footer class="footer">
        <p>&copy; 2025 青年献礼中国故事. All rights reserved.</p>
    </footer>

    <script src="js/main.js"></script>
	
</body>
</html>
